<template>
    <section class="section">
        <div class="cell">
            <div class="left">
                <div class="p1">[2/3期] 高速出行(沪A·123456)</div>
                <div class="p2">VIN码 WWWPR13C6AE170920</div>
            </div>
            <div class="right">
                <span>120.05元</span>
                <img src="//cdn.daikuan.360.cn/pic/59eefbbb5189dda85b24400e90a16667.png" />
            </div>
        </div>
        <div class="cell">
            <div class="left">
                <div class="p1">[2/3期] 高速出行(沪A·123456)</div>
                <div class="p2">VIN码 WWWPR13C6AE170920</div>
            </div>
            <div class="right">
                <span>120.05元</span>
                <img src="//cdn.daikuan.360.cn/pic/59eefbbb5189dda85b24400e90a16667.png" />
            </div>
        </div>
    </section>
</template>

<style type="text/css" lang="less" scoped>
// keyword=##,##
.section{
    background: #fff;
    .cell{
        height: 132px;
        background: #FFFFFF;
        box-shadow: inset 0px -1px 0px 0px #F0F2F5;
        padding: 26px 32px;
        display: flex;
        justify-content: space-between;
        .left{
            .p1{
                font-size: 30px;
                font-family: PingFangSC-Regular, PingFang SC;
                color: #121736;
                line-height: 48px;
            }
            .p2{
                font-size: 22px;
                font-family: PingFangSC-Regular, PingFang SC;
                color: #B7B9C2;
                line-height: 32px;
            }
        }
        .right{
            display: flex;
            align-items: center;
            span{
                font-size: 30px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: bold;
                color: #121736;
                line-height: 48px;
            }
            img{
                width: 32px;
                height: 32px;
            }
        }
    }
}

</style>
